<ion-view hide-nav-bar="false" title='中国诚信联盟老赖公示'>
	<style type="text/css">
		.yuan1{
			width: 13px;
			height: 13px;
			background: #0002F7;
			border-radius: 50%;
		}
		.yuan2{
			width: 13px;
			height: 13px;
			background: #087B02;
			border-radius: 50%;
		}
		.yuan3{
			width: 13px;
			height: 13px;
			background: #FEA000;
			border-radius: 50%;
		}
	</style>
	<ion-nav-buttons side="right">
			<button ng-click='goBack(2)'  class="button button-balanced" style="border: none; color: #F0F0F0;"> 申&nbsp;述</button>
	</ion-nav-buttons>
	 <ion-content  scroll=true>
	 	<ion-list class="{{isShow}}">	
			<img src="img/black_bg.png"  width="100%" style="height: 100px;"  />
			<div style="z-index: 100;margin-top: -80px; text-align: center;padding-top:10px;">
		      <img style="border-radius:150px;border:8px solid #FFFFFF; margin: 0 auto;" src="http://image.credit-manage.com/{{breakRecordDetail.headPic}}" width="150px" height="150px" ng-if="breakRecordDetail.headPic!=null&&breakRecordDetail.headPic!=''">
			 <img style="border-radius:100px;height: 100px;width: 100px;" src="http://www.credit-manage.com/web/image/head.png" ng-if="breakRecordDetail.headPic==null&&breakRecordDetail.headPic==''">
		                 	<h1 style="margin-top: -10px;">{{breakRecordDetail.name || " "}}</h1>
			</div>		

			  <div class="row" style="text-align: center;">
			  <div class="col">
			  	<div class="yuan1" style="display:inline-block;">	
			   </div>
			   <div  style="margin-top: 0px; display:inline-block;text-align: center;margin-left: 0px;">
<!--			   			  	<span ng-if="breakRecordDetail.sex=='男'">
								男
							</span>
							<span ng-if="networkCollectRecordDetail.sex=='女'">
								女
							</span>-->
							{{breakRecordDetail.sex}}
			   </div>
			 </div>
			 <div style="display:inline-block;border-left: solid 1px;border-left-color: #CDCDCD; margin-right: 25px;">
			 	
			 </div>
			  <div class="col" style="text-align: center;">	
			  	<div class="yuan2" style="display:inline-block;">	
			   </div>
			   <div  style="margin-top: 0px; display:inline-block;">
			   			 {{breakRecordDetail.age || " "}}
			   </div></div>
			   <div style="border-left: solid 1px ;border-left-color: #CDCDCD;margin-right: 25px;">
			 	
			 </div>
			  <div class="col" style="text-align: center;">
			  	<div class="yuan3" style="display:inline-block;">	
			   </div>
			   <div  style="margin-top: 0px; display:inline-block; ">
			   		{{breakRecordDetail.province || " "}}
			   </div>
			  </div>
			 </div>
				
		<!-- 权威发布列表 -->
		<ion-list>		
			<div style="border-color: #ddd;background-color: #fff;color: #444;position: relative;z-index: 2;display: block;margin: -1px;padding: 5px;border-width: 1px;border-style: solid;font-size: 16px;"> 	
			 <div class="row" >
			  <div class="col-50"style=" text-align: left;">身份证号</div>
			  <div class="col-50" style=" text-align: left;margin-left: -80px;">{{breakRecordDetail.certificateNo || " "}} 			    </div>
			 </div>
			</div>
			<div style="border-color: #ddd;background-color: #fff;color: #444;position: relative;z-index: 2;display: block;margin: -1px;padding: 5px;border-width: 1px;border-style: solid;font-size: 16px;"> 		
			<div class="row" style="padding-right: 0px;">
			  <div class="col-50" style=" text-align: left;">电话号码</div>
			  <div class="col-50" style=" text-align: left;margin-left: -80px;">{{breakRecordDetail.phone || " "}} 			<!--<button class="button button-balanced"  ng-click="goBack(2)"  style="margin-right: -85px;float: right; margin-top: -3px;color: #F0F0F0;  min-width:5px;min-height:5px; font-size:10px;line-height: 25px;font-size: 16px;border: none;">
		                                        申&nbsp;述
		        </button>-->
			 </div>
			 </div>
		</div>
			<div class="item item-divider" style="margin-top: 0px;border: none; height: 50px;" width="100%">
				<div style="height: 30px;line-height: 30px;padding-left: 5%; font-weight: 900"> 违约描述</div>	
			</div>
			<p style="text-indent:2em;text-align: left;line-height:200%"> 	
				{{breakRecordDetail.name || " "}}于{{breakRecordDetail.lendTime | date:"yyyy年MM月dd日"}}在 {{breakRecordDetail.companyName|| " "}}公司进行贷款，贷款金额为{{breakRecordDetail.amountPrice || " "}}元，
			本应于{{breakRecordDetail.startTime | date:"yyyy年MM月dd日"}}  进行还款，但至今尚未履行还款义务，逾期{{breakRecordDetail.date || " "}}天，现对{{breakRecordDetail.name || " "}}进行网络公示, 希望违约人珍惜自身信用，尽快履行还款义务，以消除不良影响
			</p>
			<div class="item item-divider" style="margin-top: 0px;border: none; height: 50px;" width="100%">
				<div style="height: 30px;line-height: 30px;padding-left: 5%; font-weight: 900"> 违约图片</div>	
			</div>	
			<div  ng-repeat="BreakRecordDetailPic in BreakRecordDetailPics" style="margin-left: 1px;">
				           <img  width="100%" ng-src="http://image.credit-manage.com/{{BreakRecordDetailPic.picAddress}}"  style="border-radius: 0%;border:1px solid #d7d6d6;" ng-if="BreakRecordDetailPic.picAddress!=null&&BreakRecordDetailPic.picAddress!=''">
			 </div>
		</ion-list>
		</ion-list>
	</ion-content>
</ion-view>